<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Simple Live HTML Preview :: Beben Koben</title>
  <meta name="description" content="Simple Live HTML Preview">
  <meta name="author" content="Beben Koben">
<style>
#inputcode {
	width:100%;
	height:212px;
	max-height:999px;
}
</style>
  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
<form align="center">
<textarea id="inputcode" class="textarea">Eg: <b style="color: red">http://beben-koben.blogspot.com</b></textarea><input type="button" onclick="preview()" value="Edit and Click Me>>">
</form>
<div class="output" id="outputdiv" align="left">
</div>
 
<script>
function preview() {
var odiv=document.getElementById('outputdiv');
var idiv=document.getElementById('inputcode');
odiv.innerHTML=idiv.value;
}
</script>
</body>
</html>